<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="uct" uri="/WEB-INF/uct.tld" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <%@ include file="/common/adminlte/common-js.jsp"%>
  <%@ include file="/common/adminlte/common-css.jsp"%>	
  <title>${titleName}</title>
</head>
<body>
<div class="container bs-docs-container">
	<div class="row">
		<div class="col-md-12" role="main">
<!-- 主体内容================================================== -->
<div class="wrapper">
        <section class="content">
          <div class="row">
            <div class="col-xs-12">
				<div class="box">
                <div class="box-body">
						<ol class="breadcrumb bgblue">
							<li>
								<font>项目录入</font>
							</li>
						</ol>
						
						<div class="nav-tabs-custom">
					            <ul class="nav nav-tabs">
					              <li class="active"><a href="#tab_1" data-toggle="tab">标的基本信息</a></li>
					              <li><a href="#tab_2" data-toggle="tab">交易条件</a></li>
					              <li><a href="#tab_3" data-toggle="tab">出让方信息</a></li>
					              <li><a href="#tab_4" data-toggle="tab">联系方式</a></li>
					            </ul>
					            
					            <div class="tab-content">
					              <div class="tab-pane active" id="tab_1">
					              	<form class="form-horizontal" role="form" id="add" action="javascript:void(0)">
										<input type="hidden" name="formToken" id="formToken" value="${formToken}">
										
										<div class="form-group">
											<label  class="col-sm-2 control-label">
												标的名称
											</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="proName" name="proName" required  placeholder="必填项" required="required">
											</div>
											
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label">
												土地性质
											</label>
											<div class="col-sm-3" id="tdxzDiv">
											</div>
											<label  class="col-sm-2 control-label">
												拟出让方式
											</label>
											<div class="col-sm-3" id="ncrfsDiv">
											</div>
										</div>
			
										<div class="form-group">
											<label  class="col-sm-2 control-label">
												是否再次流转
											</label>
											<div class="col-sm-3" id="zclzDiv">
											</div>
											<label  class="col-sm-2 control-label">
												土地流转用途
											</label>
											<div class="col-sm-3"  id="tdlzytDiv">
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label">
												拟出让面积
											</label>
											<div class="col-sm-3">
												<input type="text" style="width: 94%" class="form-control"  name="area" />亩
												
											</div>
											<label class="col-sm-2 control-label">
												拟出让期限
											</label>
											<div class="col-sm-3">
												<input type="text" style="width:40%" class="form-control"  name="area" />年
												<input type="text" style="width: 40%" class="form-control"  name="area" />个月
											</div>								
										</div>
										<div  class="form-group">								
											<label class="col-sm-2 control-label">
												挂牌价格
											</label>
											<div class="col-sm-4">
												单价：<input type="text" style="width:30%" class="form-control"  name="area" /> 元/亩/年
											</div>
											<div class="col-sm-4">
												总价：<input type="text" style="width:30%" class="form-control"  name="area" /> 元
											 	<button type="button" class="btn btn-warning btn-xs">自动获取</button>
											</div>
											
										</div>
			
			
										<div class="form-group">
											<label class="col-sm-2 control-label">
												结算方式
											</label>
											<div class="col-sm-8" id="payTypeDiv">
											</div>
										</div>
										
										<div class="form-group">
											<label class="col-sm-2 control-label">
												价格浮动说明
											</label>
											<div class="col-sm-8">
												<textarea class="form-control" rows="3" id="introduce" name="introduce"  required="required" maxLength="2000" placeholder="最多输入2000字"></textarea>
											</div>
										</div>
										
										<div class="form-group">
											<label class="col-sm-2 control-label">
												土地四至
											</label>
											<div class="col-sm-8">
											东至：<input type="text" style="width:18%" class="form-control"  name="area" />
											西至：<input type="text" style="width:18%" class="form-control"  name="area" />
											南至：<input type="text" style="width:18%" class="form-control"  name="area" />
											北至：<input type="text" style="width:18%" class="form-control"  name="area" />
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label">
												权属证明
											</label>
											<div class="col-sm-8" id="qszmDiv">
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label">
												权属证明到期日
											</label>
											<div class="col-sm-3 ">
								                    <div class="input-append date form_datetime" id="datepicker">
													    <input style="width:88%" type="text" class="form-control" value="" readonly>
													    <span class="add-on"><i class="fa fa-calendar"></i></span>
													</div>
											</div>
											<label class="col-sm-2 control-label">
												权属证明编号
											</label>
											<div class="col-sm-3">
												<input type="text" class="form-control"  name="area" />
											</div>
										</div>
										<center>
											<button type="submit" class="btn btn-danger" style="width: 200px;"
												onclick="submitForm('add');">
												保存
											</button>
											<button type="submit" class="btn btn-primary" style="width: 200px;"
												onclick="submitForm('add');">
												下一步
											</button>
										</center>
								</form>
					              
					              </div>
					              <!-- /.tab-pane -->
					              <div class="tab-pane" id="tab_2">
					              <form class="form-horizontal" role="form" id="add" action="javascript:void(0)">
										<input type="hidden" name="formToken" id="formToken" value="${formToken}">
										<div class="form-group">
											<label  class="col-sm-4 control-label">
												交易保证金金额
											</label>
											<div class="col-sm-6">
												<input type="text" class="form-control" style="width: 50%">元（0不需要缴纳）
											</div>
										</div>
										<div class="form-group">
											<label  class="col-sm-4 control-label">
												受让方缴纳风险保证金
											</label>
											<div class="col-sm-6">
												<input type="text" class="form-control" style="width: 50%">元（0不需要缴纳）
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-4 control-label">
												挂牌公告期
											</label>
											<div class="col-sm-6">
												自公告之日起&nbsp;<input type="text" class="form-control" style="width: 20%">
												（挂牌公告期>=20）个工作日
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-4 control-label">
												挂牌起满后如未征集到意向受让方
											</label>
											<div class="col-sm-6">
												<input type="radio" checked name="test"/>信息发布终结
												<br />
												<input type="radio" name="test"/>延长信息发布：以<input type="text" class="form-control" style="width: 20%">工作日为一个周期延长。
												
											</div>
										</div>
			
										<div class="form-group">
											<label class="col-sm-4 control-label">
												当征集多个意向受让方，选择以下交易方式确定最终受让方
											</label>
											<div class="col-sm-6">
												<!--  <input type="radio" checked name="dealWay"/>网络竞价
												<input type="radio" name="dealWay"/>拍卖
												<input type="radio" name="dealWay"/>招投标
												<input type="radio" name="dealWay"/>其他
												<input type="text" class="form-control" style="width: 50%">
												-->
												<div id="dealWay_div">
													<label  data-value="1" class='input_check dealWay_label'>网络竞价<em></em></label>
													<label  data-value="2" class='input_check dealWay_label'>拍卖<em></em></label>
													<label  data-value="3" class='input_check dealWay_label'>招投标<em></em></label>
													<input type="text" id="dealWay_text" name="dealWay" value="1" 
													style="width: 1px; height: 1px; padding: 0px; font-size: 0;border: 0px;cursor: default;"/>
													
													<script type="text/javascript">
														$(function(){
															   initRadio_v1("dealWay_div","dealWay_text",'1');
														
														});
						
														//初始化单选按钮
														function initRadio_v1(id,txtId,val){
															 $("#"+id).find("label").each(function() { 
																	  var _this = $(this);
																	  var thisVal = _this.attr("data-value");
																	  if(thisVal==val){
																		 _this.addClass('cur');
																		 $("#"+txtId).val(thisVal);
																	   }
																	  _this.click(function(event) {
																		  $("#"+id).find("label").removeClass('cur');
																			_this.addClass('cur');
																			$("#"+txtId).val(thisVal);
																	  });
																   }); 
														}
														</script>
													</div>
												
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-4 control-label">
												合同解除后的土地复垦要求
											</label>
											<div class="col-sm-6">
												<textarea class="form-control" rows="3"  
												 required="required" maxLength="2000" 
												placeholder="最多输入2000字"></textarea>
												
											</div>
										</div>
			
										<div class="form-group">
											<label class="col-sm-4 control-label">
												其他条件
											</label>
											<div class="col-sm-6">
												<textarea class="form-control" rows="3"  
												 required="required" maxLength="2000" 
												placeholder="最多输入2000字"></textarea>
												
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-4 control-label">
												受让方享有标的其他权限
											</label>
											<div class="col-sm-6">
												抵押担保的的权限&nbsp;&nbsp; <input type="radio" name="qx" checked />是<input type="radio" name="qx"  />否
												<br/>
												再流转的权限&nbsp;&nbsp;<input type="radio" name="qx2" checked />是<input type="radio" name="qx2"  />否
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-4 control-label">
												出让方需要披露的其他事项
											</label>
											<div class="col-sm-6">
												<textarea class="form-control" rows="3"  
												 required="required" maxLength="2000" 
												placeholder="最多输入2000字"></textarea>
											</div>
										</div>
										
										<div class="form-group">
											<label class="col-sm-4 control-label">
												出让行为的行政备案责任
											</label>
											<div class="col-sm-6">
												 <input type="radio" name="bazr" checked />出让方
												 <input type="radio" name="bazr"  />其他
												 <input type="text" class="form-control" style="width: 50%">
											</div>
										</div>
										<center>
											<button type="submit" class="btn btn-danger" style="width: 200px;"
												onclick="submitForm('add');">
												保存
											</button>
											<button type="submit" class="btn btn-primary" style="width: 200px;"
												onclick="submitForm('add');">
												下一步
											</button>
										</center>
								</form>
					              	
					              </div>
					              <!-- /.tab-pane -->
					              <div class="tab-pane" id="tab_3">
					              
					              <form class="form-horizontal" role="form" id="add" action="javascript:void(0)">
										<input type="hidden" name="formToken" id="formToken" value="${formToken}">
										<div class="form-group">
											<label  class="col-sm-2 control-label">
												是否委托出让
											</label>
											<div class="col-sm-3" id="wtcrDiv">
											</div>
											<label  class="col-sm-2 control-label">
												委托人列表
											</label>
											<div class="col-sm-3">
												<button type="button" class="btn btn-warning btn-xs">选择</button>
											</div>
										</div>
										<div class="form-group">
											<label  class="col-sm-2 control-label">
												出让方类型
											</label>
											<div class="col-sm-8" id="granterTypeDiv">
											</div>
										</div>
										<div class="form-group">
											<label  class="col-sm-2 control-label">
												户主姓名
											</label>
											<div class="col-sm-3">
												<input type="text" class="form-control">
											</div>
											<label  class="col-sm-2 control-label">
												身份证号
											</label>
											<div class="col-sm-3">
												<input type="text" class="form-control">
											</div>
										</div>
										<div class="form-group">
											<label  class="col-sm-2 control-label">
												联系电话
											</label>
											<div class="col-sm-3">
												<input type="text" class="form-control">
											</div>
											<label  class="col-sm-2 control-label">
												所在集体经济组织名称
											</label>
											<div class="col-sm-3">
												<input type="text" class="form-control">
											</div>
										</div>
										<div class="form-group">
											<label  class="col-sm-2 control-label">
												受托经纪人名称
											</label>
											<div class="col-sm-3">
												<input type="text" class="form-control">
											</div>
											<label  class="col-sm-2 control-label">
												经纪人编号
											</label>
											<div class="col-sm-3">
												<input type="text" class="form-control">
											</div>
										</div>
										<center>
											<button type="submit" class="btn btn-danger" style="width: 200px;"
												onclick="submitForm('add');">
												保存
											</button>
											<button type="submit" class="btn btn-primary" style="width: 200px;"
												onclick="submitForm('add');">
												下一步
											</button>
										</center>
								</form>
					              
					              
					              </div>
					              <div class="tab-pane" id="tab_4">
					              	   <form class="form-horizontal" role="form" id="add" action="javascript:void(0)">
										<input type="hidden" name="formToken" id="formToken" value="${formToken}">
										<div class="form-group">
											<label  class="col-sm-2 control-label">
												交易机构名称
											</label>
											<div class="col-sm-3" >
												<input type="text" class="form-control">
											</div>
											<label  class="col-sm-2 control-label">
												联系电话
											</label>
											<div class="col-sm-3" >
												<input type="text" class="form-control">
											</div>
										</div>
										<div class="form-group">
											<label  class="col-sm-2 control-label">
												项目所属部门
											</label>
											<div class="col-sm-8">
												<input type="text" class="form-control">
											</div>
										</div>
										<div class="form-group">
											<label  class="col-sm-2 control-label">
												项目联系人
											</label>
											<div class="col-sm-3">
												<input type="text" class="form-control">
											</div>
											<label  class="col-sm-2 control-label">
												联系电话
											</label>
											<div class="col-sm-3">
												<input type="text" class="form-control">
											</div>
										</div>
										<div class="form-group">
											<label  class="col-sm-2 control-label">
												传真
											</label>
											<div class="col-sm-3">
												<input type="text" class="form-control">
											</div>
											<label  class="col-sm-2 control-label">
												经邮箱
											</label>
											<div class="col-sm-3">
												<input type="text" class="form-control">
											</div>
										</div>
										<center>
											<button type="submit" class="btn btn-danger" style="width: 200px;"
												onclick="submitForm('add');">
												保存
											</button>
											<button type="submit" class="btn btn-success" style="width: 200px;"
												onclick="submitForm('add');">
												提交
											</button>
										</center>
								</form>
					              
					              </div>
					              <!-- /.tab-pane -->
					            </div>
					            <!-- /.tab-content -->
					          </div>					
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
	        </div>
              </div>
            </div>
          </div>
        </section>
    </div>
<!-- 主体内容结束================================================== -->
					
				</div>
			</div>
		</div>		
	</body>
</html>
<script>

$(function(){
	DictUtil.getRadioList("#tdxzDiv","tdxz", dictUrl,{cateEname:"tdxz"});//土地性质
	DictUtil.getRadioList("#ncrfsDiv","ncrfs", dictUrl,{cateEname:"ncrfs"});//拟出让方式
	DictUtil.getRadioList("#zclzDiv","zclz", dictUrl,{cateEname:"yesOrNo"});//是否再次流转
	DictUtil.getRadioList("#tdlzytDiv","tdlzyt", dictUrl,{cateEname:"tdlzyt"});//土地流转用途
	DictUtil.getRadioList("#qszmDiv","qszm", dictUrl,{cateEname:"landContractCertify"});//权属证明
	DictUtil.getRadioList("#payTypeDiv","payType", dictUrl,{cateEname:"jsfs"});//结算方式

	DictUtil.getRadioList("#wtcrDiv","wtcr", dictUrl,{cateEname:"yesOrNo"});//是否委托出让
	DictUtil.getRadioList("#granterTypeDiv","granterType", dictUrl,{cateEname:"landContractGranterType"});//出让方类型

	

})
var dateObject = $('#datepicker').datepicker( {
	language : 'zh-CN',
	//inline: true,
	todayBtn : "linked",
	format : "yyyy-mm-dd",
    autoclose: true
});
</script>




